import {Component, Input, OnInit, Output, EventEmitter} from '@angular/core';
import {ListService} from "../services/list.service";

@Component({
  selector: 'app-title',
  templateUrl: './title.component.html',
  styleUrls: ['./title.component.scss']
})
export class TitleComponent implements OnInit{

  title:string = '变量';

  jishus:Array<string> = [];

  constructor(private listService:ListService){
    //通过服务注入
    this.jishus = this.listService.getList();
  }

  @Input()
  chiildTitle?:string;

  @Output()
  addList = new EventEmitter();

  /**
   * 弹射改变父组件值
   */
  addBtnFun(){
    this.addList.emit('css');
  }

  /**
   * 在组件初始化时调用
   * 通常用于执行初始化逻辑，例如获取初始数据。在第一轮 ngOnchanges()完成之后调用，只调用一次
   */
  ngOnInit(): void {
    console.log('ngOnInit');

  }

  /**
   * 当输入属性的值发生变化时调用
   * 在组件被创建并且输入属性绑定发生变化时调用。首次调用一定会发生在ngOnInit()之前
   */
  ngOnChanges(){
    console.log('ngOnChanges');
  }

  /**
   * 在组件销毁时调用
   * 通常用于清理资源，取消订阅等
   */
  ngOnDestroy(){
    console.log('ngOnDestroy');
  }


}
